<script setup lang="ts">
import GlobalHeader from "@/components/GlobalHeader.vue";
</script>
<template>
  <div id="basicLayout">
    <a-layout style="min-height: 100vh">
      <a-layout-header class="header">
        <GlobalHeader />
      </a-layout-header>
      <a-layout-content class="content">
        <router-view />
      </a-layout-content>
      <a-layout-footer class="footer">
        <a
          href="https://www.baidu.com/s?wd=%E6%84%9F%E8%A7%89%E8%87%AA%E5%B7%B1%E8%84%91%E5%AD%90%E6%9C%89%E7%97%85%E5%92%8B%E5%8A%9E&rsv_spt=1&rsv_iqid=0xad55712e00056280&issp=1&f=3&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&rsv_dl=ts_5&oq=%25E6%2584%259F%25E8%25A7%2589%25E8%2587%25AA%25E5%25B7%25B1%25E8%2584%2591%25E5%25AD%2590%25E6%259C%2589%25E7%2597%2585&rsv_btype=t&rsv_t=233a%2BFmtIu4yyZT4P0dYT4JhZwEi7hyGThsGIR926IjfDYv2hVEwT261gk2Qv2W7CJiv&rsv_pq=e03bb0f600025eb2&rsv_sug3=58&rsv_sug1=60&rsv_sug7=100&rsv_sug2=1&prefixsug=%25E6%2584%259F%25E8%25A7%2589%25E8%2587%25AA%25E5%25B7%25B1%25E8%2584%2591%25E5%25AD%2590%25E6%259C%2589%25E7%2597%2585&rsp=5&rsv_sug4=3498"
          target="_blank"
        >
          author by @yuser
        </a>
      </a-layout-footer>
    </a-layout>
  </div>
</template>

<style scoped>
#basicLayout .content {
  background: linear-gradient(to right, #fefefe, #fff);
  margin-bottom: 28px;
  padding: 20px;
}

#basicLayout .footer {
  background: #efefef;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

#basicLayout .header {
  padding-inline: 20px;
  margin-bottom: 16px;
  color: unset;
  background: white;
}
</style>
